body {
	background: #000;
	font-family: "microsoft yahei";
}

ul,
li,
ol {
	list-style: none;
	margin: 0;
	padding: 0;
}

a,
a:hover,
a:active {
	text-decoration: none;
}

button {
	background: #fff;
	font-family: "microsoft yahei";
}

.show {
	z-index: 99;
	position: absolute;
	right: 20px;
	top: 20px;
	width: 60px;
	height: 60px;
}

@-webkit-keyframes music-anim {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

@keyframes music-anim {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
	}
}

.play-music {
	animation: music-anim 1s infinite linear;
}

.hide {
	display: none;
}

.p1,
.p2 {
	height: 100%;
}

.loadingout {
	background: #dcfffa;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99999;
	display: block;
}

.loading {
	height: 100px;
	width: 0;
	background: url(../img/loading.png) no-repeat right center;
	background-size: auto 100%;
	position: absolute;
	bottom: 100px;
	left: 0;
}

.bg-pg02-1,
.bg-pg02-2,
.bg-pg02-3,
.bg-pg3-1,
.bg-pg3-2,
.bg-pg3-3,
.bg-pg4-1,
.bg-pg4-2,
.bg-pg4-3 {
	position: absolute;
	width: 640px;
	height: 100%;
	left: 50%;
	margin-left: -320px;
	top: 0;
	margin-top: 0;
	background-size: 640px;
	overflow: hidden;
}


/*p1*/

@-webkit-keyframes train01-anim {
	0% {
		opacity: 1;
		transform: translateX(-640px);
		-webkit-transform: translateX(-640px);
	}
	100% {
		opacity: 1;
		transform: translateX(3430px);
		-webkit-transform: translateX(3430px);
	}
}

@keyframes train01-anim {
	0% {
		opacity: 1;
		transform: translateX(-640px);
		-webkit-transform: translateX(-640px);
	}
	100% {
		opacity: 1;
		transform: translateX(3430px);
		-webkit-transform: translateX(3430px);
	}
}

.Train01 {
	background: url(../img/pg01-01.png) right top no-repeat;
	width: 3430px;
	background-size: 3430px;
	height: 406px;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
	animation: train01-anim 2s 0s linear;
}

@-webkit-keyframes carriage-anim {
	0% {
		opacity: 1;
		-webkit-opacity: 1;
	}
	98% {
		opacity: 1;
		-webkit-opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-opacity: 0;
	}
}

@keyframes carriage-anim {
	0% {
		opacity: 1;
		-webkit-opacity: 1;
	}
	98% {
		opacity: 1;
		-webkit-opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-opacity: 0;
	}
}

.carriage {
	background: url(../img/pg01-02.png) bottom left no-repeat;
	position: absolute;
	width: 550px;
	height: 626px;
	bottom: 0;
	left: 50%;
	margin-left: -274px;
	margin-bottom: 50px;
	background-size: 550px;
	opacity: 0;
	animation: carriage-anim 4.5s 2s linear;
}

@-webkit-keyframes carriage-text-anim {
	0% {
		opacity: 0;
		-webkit-opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-opacity: 1;
	}
}

@keyframes carriage-text-anim {
	0% {
		opacity: 0;
		-webkit-opacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-opacity: 1;
	}
}

.carriage-text {
	font-size: 1.7em;
	width: 640px;
	position: absolute;
	left: 50%;
	margin-left: -320px;
	bottom: 0;
	margin-bottom: 680px;
	text-align: center;
	opacity: 0;
	animation: carriage-text-anim 1s 2.4s linear;
}

@-webkit-keyframes Train02-anim {
	0% {
		opacity: 1;
		-webkit-opacity:1;
		transform: translateX(-575px);
		-webkit-transform: translateX(-575px);
	}
	100% {
		opacity: 1;
		-webkit-opacity:1;
		transform: translateX(640px);
		-webkit-transform: translateX(640px);
	}
}

@keyframes Train02-anim {
	0% {
		opacity: 1;
		-webkit-opacity:1;
		transform: translateX(-575px);
		-webkit-transform: translateX(-575px);
	}
	100% {
		opacity: 1;
		-webkit-opacity:1;
		transform: translateX(640px);
		-webkit-transform: translateX(640px);
	}
}

.Train02 {
	background: url(../img/pg01-02.png) 0 -106px no-repeat;
	width: 575px;
	height: 138px;
	background-size: 575px;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	margin-bottom: 800px;
	animation: Train02-anim 3s 3s linear;
	-webkit-animation: Train02-anim 3s 3s linear;
}

@-webkit-keyframes Train03-anim {
	0% {
		opacity: 1;
		-webkit-opacity: 1;
		transform: translateX(640px);
		-webkit-transform: translateX(640px);
	}
	100% {
		opacity: 1;
		-webkit-opacity: 1;
		transform: translateX(-1100px);
		-webkit-transform: translateX(-1100px);
	}
}

@keyframes Train03-anim {
	0% {
		opacity: 1;
		transform: translateX(640px);
		-webkit-transform: translateX(640px);
	}
	100% {
		opacity: 1;
		transform: translateX(-1100px);
		-webkit-transform: translateX(-1100px);
	}
}

.Train03 {
	background: url(../img/pg01-03.png) 0 0 no-repeat;
	width: 1100px;
	height: 265px;
	background-size: 1100px;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	margin-bottom: 372px;
	animation: Train03-anim 2s 7s linear;
	-webkit-animation:  Train03-anim 2s 7s linear;
}

.btn-go {
	position: absolute;
	width: 640px;
	left: 50%;
	bottom: 0;
	margin-bottom: 300px;
	margin-left: -320px;
	text-align: center;
}

.btn-go a {
	border: 3px solid #000;
	background: rgba(255, 255, 255, .6);
	color: #000;
	border-radius: 10px;
	width: 300px;
	height: 150px;
	font-size: 56px;
	display: inline-block;
	animation: button-anim 2s 0s infinite both;
	-webkit-animation: button-anim 2s 0s infinite both;
	line-height: 150px;
}

.opacityfull {
	opacity: 1;
}


/*pg02*/

.bg-pg02-1 {
	background: url(../img/bg-pg02.png) 0 0 no-repeat;
}


/*
.stop {
	animation-play-state: paused;
}*/

.bg-pg02-2 {
	background: url(../img/bg-pg02-02-2.png) 0 bottom no-repeat;
}

.bg-pg02-2 .cat {
	margin-left: 79px;
	margin-top: 263px;
	transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}

.bg-pg02-2 .ball {
	margin-left: 172px;
	margin-top: 316px;
	transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
}

@-webkit-keyframes phone-boy-anim {
	0% {
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
	}
	20% {
		transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
	}
	40% {
		transform: rotate(-1deg);
		-webkit-transform: rotate(-1deg);
	}
	60% {
		transform: rotate(1deg);
		-webkit-transform: rotate(1deg);
	}
	100% {
		transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
	}
}

@keyframes phone-boy-anim {
	0% {
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
	}
	20% {
		transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
	}
	40% {
		transform: rotate(-1deg);
		-webkit-transform: rotate(-1deg);
	}
	60% {
		transform: rotate(1deg);
		-webkit-transform: rotate(1deg);
	}
	100% {
		transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
	}
}

.phone-boy {
	background: url(../img/pg02-02-1.png) 0 0 no-repeat;
	position: absolute;
	width: 117px;
	height: 63px;
	left: 50%;
	margin-left: 25px;
	bottom: 0;
	margin-bottom: 366px;
	background-size: 117px;
	animation: phone-boy-anim 1s 0s infinite both;
	-webkit-animation: phone-boy-anim 1s 0s infinite both;;
}

@-webkit-keyframes phone-light-anim {
	0% {
		opacity: .3;
		box-shadow: 0 0 5px 10px #fff;
	}
	50% {
		opacity: .9;
		box-shadow: 0 0 16px 10px #fff;
	}
	100 {
		opacity: .3;
		box-shadow: 0 0 5px 10px #fff;
	}
}

@keyframes phone-light-anim {
	0% {
		opacity: .3;
		-webkit-opacity: .3;
		box-shadow: 0 0 5px 10px #fff;
	}
	50% {
		opacity: .9;
		-webkit-opacity: .9;
		box-shadow: 0 0 16px 10px #fff;
	}
	100 {
		opacity: .3;
		-webkit-opacity: .3;
		box-shadow: 0 0 5px 10px #fff;
	}
}

.phone-light {
	background: #fff;
	width: 79px;
	height: 30px;
	position: absolute;
	left: 50%;
	margin-left: 51px;
	bottom: 0;
	opacity: 0.3;
	display: none;
	margin-bottom: 385px;
	box-shadow: 0 0 16px 10px #fff;
	animation: phone-light-anim .5s infinite both;
	-webkit-animation: phone-light-anim .5s infinite both;
}

@-webkit-keyframes muzhi-anim {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	50% {
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
	}
	100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
}

@keyframes muzhi-anim {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	50% {
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
	}
	100% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
}


.muzhi {
	width: 32px;
	height: 62px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: 91px;
	margin-bottom: 336px;
	transform-origin: bottom left;
	-webkit-transform-origin: bottom 20px;
	animation: muzhi-anim 2s 0s infinite both;
}

.muzhi img {
	width: 32px;
}

@-webkit-keyframes boy-mouth-anim {
	0% {
		transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
	}
	40% {
		transform: scale(1.3) rotate(5deg);
		-webkit-transform: scale(1.3) rotate(5deg);
	}
	66% {
		transform: rotate(5deg) scale(1.1);
		-webkit-transform: rotate(5deg) scale(1.1);
	}
	100% {
		transform: rotate(0deg) scale(1);
		-webkit-transform: rotate(0deg) scale(1);
	}
}

@keyframes boy-mouth-anim {
	0% {
		transform: scale(1) rotate(0deg);
		-webkit-transform: scale(1) rotate(0deg);
	}
	40% {
		transform: scale(1.3) rotate(10deg);
		-webkit-transform: scale(1.3) rotate(10deg);
	}
	66% {
		transform: rotate(5deg) scale(1.1);
		-webkit-transform: rotate(5deg) scale(1.1);
	}
	100% {
		transform: rotate(0deg) scale(1);
		-webkit-transform: rotate(0deg) scale(1);
	}
}

.boy-mouth {
	background: url(../img/boy-mouth.png) 0 0 no-repeat;
	width: 40px;
	height: 30px;
	background-size: 40px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -114px;
	margin-bottom: 402px;
	transform-origin: 40px 20px;
	-webkit-transform-origin: 40px 20px;
	animation: boy-mouth-anim 3s 0s infinite both;
	-webkit-animation: boy-mouth-anim 3s 0s infinite both;
}

.boy-mouth02 {
	background: url(../img/boy-mouth02.png) 0 0 no-repeat;
	width: 40px;
	height: 30px;
	background-size: 29px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -77px;
	margin-bottom: 547px;
	transform-origin: 40px 20px;
	-webkit-transform-origin: 40px 20px;
	animation: boy-mouth-anim 3s 0s infinite both;
	-webkit-animation: boy-mouth-anim 3s 0s infinite both;
}


/*button-call,textbox*/

.textbox {
	border: 3px solid #000;
	padding: 13px 40px;
	font-size: 36px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -150px;
	width: 300px;
	margin-bottom: 60px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .8);
}


@-webkit-keyframes textbox-boy-anim {
	0% {
		opacity: 0;
		-webkit-pacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-pacity: 1;
	}
}

@keyframes textbox-boy-anim {
	0% {
		opacity: 0;
		-webkit-pacity: 0;
	}
	100% {
		opacity: 1;
		-webkit-pacity: 1;
	}
}


.textbox.textbox-boy-02 {
	animation: textbox-boy-anim 1s .7s both;
	width: 400px;
	margin-left: -200px;
}

.textbox.oldwoman-text {
	animation: textbox-boy-anim 1s 3s both;
	width: 400px;
	margin-left: -200px;
}


@-webkit-keyframes textbox-boy-anim02 {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes textbox-boy-anim02 {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}


.textbox-boy-01 {
	border: none;
	background: none;
	bottom: inherit;
	top: 0;
	margin-top: 785px;
	animation: textbox-boy-anim02 3s .2s both;
}
@-webkit-keyframes button-anim {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	10% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	20% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	30% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	40% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@keyframes button-anim {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	10% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	20% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	30% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	40% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}


.button {
	width: 210px;
	height: 95px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -105px;
	border-radius: 10px;
	border: 5px solid #000;
	margin-top: 818px;
	top: 0;
	background: #fff;
	font-size: 36px;
	animation: button-anim 2s 0s infinite both;
}


.bg-pg02-3 {
	background: url(../img/bg-pg02-03-2.png) left bottom no-repeat;
}

.Glasses,
.Tears,
.face,
.pg2-3-phone {
	background-image: url(../img/pg02-03-01.png);
	background-repeat: no-repeat;
}

@-webkit-keyframes slap-anim{
	0%{
		opacity: 0;
		-webkit-opacity: 0;
	}
	50%{
		opacity: 1;
		-webkit-opacity: 1;
	}
	100%{
		opacity: 0;
		-webkit-opacity: 0;
	}
}

@keyframes slap-anim{
	0%{
		opacity: 0;
		-webkit-opacity: 0;
	}
	50%{
		opacity: 1;
		-webkit-opacity: 1;
	}
	100%{
		opacity: 0;
		-webkit-opacity: 0;
	}
}

.slap{
	position: absolute;
	width: 640px;
	height: 100%;
	left: 50%;
	margin-left: -320px;
	top: 0;
	margin-top: 0;
	background: #fff;
	animation: slap-anim 1s 0s both;
}

@-webkit-keyframes Tears-anim {
	0% {
		transform: scale(0);
		-webkit-transform: scale(0);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes Tears-anim {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}


.Tears {
	background-position: -50px -27px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 30px;
	height: 20px;
	margin-left: -103px;
	margin-bottom: 611px;
	background-size: 178px;
	animation: Tears-anim 1s 1.2s both;
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top;
}


/*
.face {
	background-position: -39px -96px;
	position: absolute;
	top: 0;
	left: 50%;
	width: 57px;
	height: 28px;
	margin-left: -144px;
	margin-top: 357px;
	background-size: 178px;
	animation: faceRead-anim 2s 1s both;
}

@-webkit-keyframes faceRead-anim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes faceRead-anim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}*/



@keyframes Glasses-anim {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		margin-left: -125px;
		margin-bottom: 564px;
	}
	100% {
		margin-left: -16px;
		margin-bottom: 584px;
		transform: rotate(680deg);
		-webkit-transform: rotate(680deg);
	}
}

@-webkit-keyframes Glasses-anim {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		margin-left: -125px;
		margin-bottom: 564px;
	}
	100% {
		margin-left: -16px;
		margin-bottom: 584px;
		transform: rotate(680deg);
		-webkit-transform: rotate(680deg);
	}
}

.Glasses {
	background-position: -12px -328px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 154px;
	height: 99px;
	margin-left: -16px;
	margin-bottom: 584px;
	background-size: 178px;
	transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	animation: Glasses-anim 1.6s .2s ease-in-out alternate;
}

@keyframes phone02-anim {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		margin-left: 41px;
		margin-bottom: 520px;
	}
	100% {
		margin-left: 182px;
		margin-bottom: 600px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
}

@-webkit-keyframes phone02-anim {
	0% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		margin-left: 81px;
		margin-top: 370px;
	}
	100% {
		margin-left: 182px;
		margin-bottom: 600px;
		transform: rotate(-720deg);
		-webkit-transform: rotate(-720deg);
	}
}


.pg2-3-phone {
	background-position: -32px -172px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 96px;
	height: 55px;
	margin-left: 182px;
	margin-bottom: 600px;
	background-size: 178px;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	animation: phone02-anim 1.3s .2s ease-in-out alternate;
}


@keyframes pg2-3-kuang-anim {
	0% {
		transform: scale(6);
		-webkit-transform: scale(6);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@-webkit-keyframes pg2-3-kuang-anim {
	0% {
		transform: scale(6);
		-webkit-transform: scale(6);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}


.pg2-3-kuang {
	position: absolute;
	width: 640px;
	height: 315px;
	background: url(../img/pg02-3-1.png) no-repeat 0 0;
	bottom: 0;
	left: 50%;
	margin-left: -320px;
	margin-bottom: 40px;
	animation: pg2-3-kuang-anim 1s 0s both;
}


@keyframes textbox-boy-03-anim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes textbox-boy-03-anim {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}


@keyframes Shaking-anim {
	0% {
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	25% {
		opacity: 1;
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
	}
	50% {
		opacity: 1;
		transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
	}
	75% {
		opacity: 1;
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
}

@-webkit-keyframes Shaking-anim {
	0% {
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	25% {
		opacity: 1;
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
	}
	50% {
		opacity: 1;
		transform: rotate(10deg);
		-webkit-transform: rotate(10deg);
	}
	75% {
		opacity: 1;
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
	}
	100% {
		opacity: 1;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
}

.textbox-boy-03 {
	position: absolute;
    font-size: 36px;
    left: 50%;
    width: 500px;
    margin-left: -250px;
    bottom: 0;
    opacity: 0;
    margin-bottom: 83px;
    animation: textbox-boy-03-anim .1s 1s both;
}
.textbox-boy-03>a{
	display: block;
	padding:100px 0;
	color: #000;
}

.pg3 .textbox-boy-03,
.pg4 .textbox-boy-03 {
	margin-bottom: 55px;
}

/*pg03*/

.bg-pg3-1 {
	background: url(../img/bg-pg03-1.png) 0 41px no-repeat;
}


.girl-phone-light {
	background: #fff;
	width: 42px;
	height: 98px;
	position: absolute;
	left: 50%;
	margin-left: 96px;
	top: 0;
	margin-top: 146px;
	transform: rotate(30deg);
	box-shadow: 0 0 42px 9px #fff;
	opacity: .8;
	animation: comp-linght-anim .5s 0s infinite both;
}

@-webkit-keyframes comp-linght-anim {
	0% {
		opacity: .8;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .8;
	}
}

@keyframes comp-linght-anim {
	0% {
		opacity: .8;
	}
	50% {
		opacity: 1;
	}
	100% {
		opacity: .8;
	}
}

.comp_linght {
	width: 208px;
	height: 118px;
	box-shadow: 0 0 62px 41px #FFFFFF;
	transform: rotate(6deg);
	-webkit-transform: rotate(6deg);
	left: 50%;
	margin-left: 58px;
	position: absolute;
	top: 0;
	margin-top: 169px;
	opacity: 0;
	animation: comp-linght-anim .5s 0s infinite both;
	z-index: 1;
	border-radius: 0 0 0 114px;
}


@-webkit-keyframes girl-walk-anim {
	0% {
		transform: translate(-400px, 40px);
		-webkit-animation: translate(-400px, 40px);
	}
	14% {
		transform: translate(-274px, 0px);
		-webkit-animation: translate(-274px, 0px);
	}
	28% {
		transform: translate(-148px, 40px);
		-webkit-animation: translate(-148px, 40px);
	}
	42% {
		transform: translate(-22px, 0px);
		-webkit-animation: translate(-22px, 0px);
	}
	56% {
		transform: translate(104px, 40px);
		-webkit-animation: translate(104px, 40px);
	}
	70% {
		transform: translate(230px, 0px);
		-webkit-animation: translate(230px, 0px);
	}
	100% {
		transform: translate(190px, 0px);
		-webkit-animation: translate(190px, 0px);
	}
}

@keyframes girl-walk-anim {
	0% {
		transform: translate(-400px, 40px);
		-webkit-animation: translate(-400px, 40px);
	}
	14% {
		transform: translate(-274px, 0px);
		-webkit-animation: translate(-274px, 0px);
	}
	28% {
		transform: translate(-148px, 40px);
		-webkit-animation: translate(-148px, 40px);
	}
	42% {
		transform: translate(-22px, 0px);
		-webkit-animation: translate(-22px, 0px);
	}
	56% {
		transform: translate(104px, 40px);
		-webkit-animation: translate(104px, 40px);
	}
	70% {
		transform: translate(230px, 0px);
		-webkit-animation: translate(230px, 0px);
	}
	100% {
		transform: translate(190px, 0px);
		-webkit-animation: translate(190px, 0px);
	}
}

.girl-walk {
	/*background: url(../img/girl-02.png) left top no-repeat;*/
	width: 407px;
	height: 661px;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -257px;
	transform: translate(190px, 0);
	-webkit-animation: translate(190px, 0);
	animation: girl-walk-anim 3s 0s linear;
	background-size: 407px;
}
.girl-walk>img{display: block; width: 407px;}


@-webkit-keyframes btn-call-girl02-anim {
	0% {
		transform: translateY(-700px);
		-webkit-animation: translateY(-700px);
	}
	100% {
		transform: translateY(0px);
		-webkit-animation: translateY(0px);
	}
}

@keyframes btn-call-girl02-anim {
	0% {
		transform: translateY(-700px);
		-webkit-animation: translateY(-700px);
	}
	100% {
		transform: translateY(0px);
		-webkit-animation: translateY(0px);
	}
}

.btn-call-girl02 {
	margin-bottom: 220px;
	margin-left: -270px;
	margin-top: auto;
	animation: btn-call-girl02-anim .5s 0s linear;
	top: inherit;
	bottom: 0;
}


@-webkit-keyframes btn-call-girl02-anim02 {
	0% {
		transform: translateY(-700px);
		-webkit-animation: translateY(-700px);
	}
	100% {
		transform: translateY(0px);
		-webkit-animation: translateY(0px);
	}
}

@keyframes btn-call-girl02-anim02 {
	0% {
		transform: translateY(-700px);
		-webkit-animation: translateY(-700px);
	}
	100% {
		transform: translateY(0px);
		-webkit-animation: translateY(0px);
	}
}


.btn-call-girl02-anim02 {
	animation: btn-call-girl02-anim02 .5s infinite linear;
}

.bg-pg3-2 {
	background: url(../img/bg-pg03-2.png) 0 bottom no-repeat;
}

.bg-pg3-3 {
	/*background: url(../img/bg-pg03-3.png) 0 bottom no-repeat;*/
}


/*
.Eye-bag {
	background: url(../img/pg03-3-1.png) 0 0 no-repeat;
	width: 223px;
	height: 38px;
	left: 50%;
	margin-left: -72px;
	top: 0;
	margin-top: 560px;
	position: absolute;
	background-size: 222px;
	animation: faceRead-anim 1.5s .2s both;
}*/

.girl-img01,
.girl-img02,
.girl-img03,
.girl-Back {
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 640px;
	height: 100%;
	position: absolute;
	left: 50%;
	margin-left: -320px;
	top: 0;
	opacity: 0;
}


@-webkit-keyframes girl-imgThree-anim {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@keyframes girl-imgThree-anim {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.girl-img01 {
	background-image: url(../img/pg03-3-01.jpg);
	animation: girl-imgThree-anim 1s 0s steps(1) both
}

.girl-img02 {
	background-image: url(../img/pg03-3-02.jpg);
	animation: girl-imgThree-anim 1s 1.4s steps(1) both
}

.girl-img03 {
	background-image: url(../img/pg03-3-03.jpg);
	animation: girl-imgThree-anim 1s 2.8s steps(1) both
}

.girl-Back {
	background-image: url(../img/bg-pg03-3.png);
	opacity: 1;
}

/*pg04*/

.pg4 {
	position: absolute;
	width: 640px;
	height: 1134px;
	left: 50%;
	margin-left: -320px;
	bottom: 0;
	margin-bottom: 0;
}

.btn-call-old {
	margin-top: 800px;
	margin-left: -229px;
}

.oldwoman {
	width: 640px;
	height: 783px;
	background-size: 446px;
	bottom: 0;
	position: absolute;
	right: 0;
}

.oldwoman>.oldwomanimg {
	width: 480px;
	position: absolute;
	bottom: -1px;
	right: 0;
	z-index: 2;
}

.oldwoman>.oldwomanimg img {
	width: 480px;
	display: block;
}




@-webkit-keyframes eyebrow-left-anim {
	0% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
	}
	40% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
	}
	50% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	60% {
		transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
	}
	100% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
	}
}

@keyframes eyebrow-left-anim {
	0% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
	}
	40% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
	}
	50% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	60% {
		transform: rotate(2deg);
		-webkit-transform: rotate(2deg);
	}
	100% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
	}
}
.eyebrow-left {
	background: url(../img/oldwoman-eyebrow.png) 0 0 no-repeat;
	width: 101px;
	height: 54px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-bottom: 539px;
	margin-left: -35px;
	z-index: 4;
	transform-origin: left 10px;
	-webkit-transform-origin: left 10px;
	transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	animation: eyebrow-left-anim 3s 0s infinite linear;
}
@-webkit-keyframes eyebrow-right-anim {
	0% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
	}
	40% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
	}
	50% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	60% {
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
	}
	100% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
	}
}

@keyframes eyebrow-right-anim {
	0% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
	}
	40% {
		transform: rotate(-3deg);
		-webkit-transform: rotate(-3deg);
	}
	50% {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	60% {
		transform: rotate(-2deg);
		-webkit-transform: rotate(-2deg);
	}
	100% {
		transform: rotate(3deg);
		-webkit-transform: rotate(3deg);
	}
}

.eyebrow-right {
	background: url(../img/oldwoman-eyebrow.png) top right no-repeat;
	width: 67px;
	height: 54px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-bottom: 536px;
	margin-left: 115px;
	z-index: 4;
	transform-origin: right 10px;
	-webkit-transform-origin: right 10px;
	transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	animation: eyebrow-right-anim 3s 0s infinite linear;
}

@-webkit-keyframes oldwoman-text-anim {
	0% {
		transform: translateX(-400px);
		-webkit-transform: translateX(-400px);
	}
	100% {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}
}

@keyframes oldwoman-text-anim {
	0% {
		transform: translateX(-400px);
		-webkit-transform: translateX(-400px);
	}
	100% {
		transform: translateX(0px);
		-webkit-transform: translateX(0px);
	}
}



.oldwoman-text {
	border: 3px solid #000;
	padding: 13px 40px;
	font-size: 36px;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 214px;
	margin-bottom: 60px;
	border-radius: 10px;
	background: rgba(255, 255, 255, .8);
	z-index: 5;
	margin-left: -107px;
	animation: oldwoman-text-anim 1s 0s linear;
}

.bg-pg4-1 {
	background: url(../img/bg-pg4-1.png) bottom left no-repeat;
	overflow: hidden;
}



.bg-pg4-3 {
	background: url(../img/bg-pg4-3.png) left bottom no-repeat;
}


@-webkit-keyframes oldwoman-mouth-anim {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	20% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	40% {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
	60% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	80% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}

@keyframes oldwoman-mouth-anim {
	0% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	20% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	40% {
		transform: scale(1.1);
		-webkit-transform: scale(1.1);
	}
	60% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
	80% {
		transform: scale(1.2);
		-webkit-transform: scale(1.2);
	}
	100% {
		transform: scale(1);
		-webkit-transform: scale(1);
	}
}
.oldwoman-mouth {
	background: url(../img/pg04-3-01.png) bottom right no-repeat;
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 60px;
	height: 40px;
	background-size: 60px;
	margin-bottom: 508px;
	margin-left: 162px;
	animation: oldwoman-mouth-anim 4s 0s infinite both;
}

@-webkit-keyframes needle02-anim {
	0% {
		margin-bottom: 300px;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
	}
	50% {
		margin-bottom: -5px;
		transform: rotate(-810deg);
		-webkit-transform: rotate(-810deg);
	}
	70% {
		margin-bottom: 45px;
		transform: rotate(-1170deg);
		-webkit-transform: rotate(-1170deg);
	}
	100% {
		margin-bottom: -5px;
		transform: rotate(-1530deg);
		-webkit-transform: rotate(--1530deg);
	}
}

@keyframes needle02-anim {
	0% {
		margin-bottom: 300px;
		transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
	}
	50% {
		margin-bottom: -5px;
		transform: rotate(-810deg);
		-webkit-transform: rotate(-810deg);
	}
	70% {
		margin-bottom: 45px;
		transform: rotate(-1170deg);
		-webkit-transform: rotate(-1170deg);
	}
	100% {
		margin-bottom: -5px;
		transform: rotate(-1530deg);
		-webkit-transform: rotate(--1530deg);
	}
}


.needle02 {
	background: url(../img/needle.png) 0 0 no-repeat;
	width: 17px;
	height: 68px;
	background-size: 21px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: 43px;
	margin-bottom: -5px;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	animation: needle02-anim 2s 0s linear;
}

/*animation*/


/*oldwoman hand*/

@-webkit-keyframes oldwomanhand-anim {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
	20% {
		transform: rotate(-14deg);
		-webkit-transform: rotate(-14deg);
	}
	40% {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
	}
	50% {
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
	}
	60% {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
	}
	60% {
		transform: rotate(-14deg);
		-webkit-transform: rotate(-14deg);
	}
	100% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}

@keyframes oldwomanhand-anim {
	0% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
	20% {
		transform: rotate(-14deg);
		-webkit-transform: rotate(-14deg);
	}
	40% {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
	}
	50% {
		transform: rotate(-10deg);
		-webkit-transform: rotate(-10deg);
	}
	60% {
		transform: rotate(-5deg);
		-webkit-transform: rotate(-5deg);
	}
	60% {
		transform: rotate(-14deg);
		-webkit-transform: rotate(-14deg);
	}
	100% {
		transform: rotate(0);
		-webkit-transform: rotate(0);
	}
}
.lefthand {
	background: url(../img/oldhand.png) 0 0 no-repeat;
	position: absolute;
	width: 296px;
	height: 364px;
	background-size: 303px;
	bottom: 17px;
	left: 3px;
	z-index: 1;
	transform-origin: right top;
	-webkit-transform-origin: right top;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	animation: oldwomanhand-anim 5s 0s infinite linear;
}

@-webkit-keyframes oldwomanhand-anim02 {
	0% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		margin-left: -55px;
	}
	50% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
		margin-left: -67px;
	}
	100% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		margin-left: -55px;
	}
}

@keyframes oldwomanhand-anim02 {
	0% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		margin-left: -55px;
	}
	50% {
		-webkit-transform: rotate(-15deg);
		transform: rotate(-15deg);
		margin-left: -67px;
	}
	100% {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		margin-left: -55px;
	}
}

.righthand {
	background: url(../img/righthand.png) 0 0 no-repeat;
	position: absolute;
	width: 374px;
	height: 349px;
	left: 50%;
	margin-left: -55px;
	background-size: 304px;
	bottom: -53px;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	transform-origin: 200px bottom;
	animation: oldwomanhand-anim02 5s 0s infinite;
	z-index: 3;
}


/*clouds*/

@-webkit-keyframes clouds-anim {
	0% {}
	50% {
		transform: translate(20px, 0px);
		-webkit-transform: translate(20px, 0px);
	}
}

@keyframes clouds-anim {
	0% {}
	50% {
		transform: translate(20px, 0px);
		-webkit-transform: translate(20px, 0px);
	}
}
.clouds01 {
	background: url(../img/pg4-1-1.png) 0 0 no-repeat;
	width: 300px;
	height: 138px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -259px;
	margin-top: 20px;
	transform: translate(-20px, 0px);
	-webkit-transform: translate(-20px, 0px);
	animation: clouds-anim 4s 0s infinite both;
}

.clouds02 {
	background: url(../img/pg4-1-1.png) bottom right no-repeat;
	width: 156px;
	height: 80px;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: 9px;
	margin-top: 153px;
	transform: translate(-20px, 0px);
	-webkit-transform: translate(-20px, 0px);
	animation: clouds-anim 4s 0s infinite both;
}

/*needle*/

@-webkit-keyframes needle-anim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}

@keyframes needle-anim {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
}


.needle {
	background: url(../img/needle.png) no-repeat;
	background-size: 15px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: 68px;
	margin-bottom: 103px;
	width: 15px;
	height: 73px;
	animation: needle-anim .8s 0s infinite linear;
}

/*pg05*/


@-webkit-keyframes Train-pg5-anim {
	0% {
		opacity: 1;
		transform: translateX(-575px);
		-webkit-transform: translateX(-575px);
	}
	100% {
		opacity: 1;
		transform: translateX(640px);
		-webkit-transform: translateX(640px);
	}
}

@keyframes Train-pg5-anim {
	0% {
		opacity: 1;
		transform: translateX(-575px);
		-webkit-transform: translateX(-575px);
	}
	100% {
		opacity: 1;
		transform: translateX(640px);
		-webkit-transform: translateX(640px);
	}
}

.Train-pg5 {
	background: url(../img/pg01-02.png) 0 -106px no-repeat;
	width: 575px;
	height: 138px;
	background-size: 575px;
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 0;
	margin-bottom: 10px;
	animation: Train-pg5-anim 3s .1s infinite linear;
}


.pg5-links {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-bottom: 170px;
	margin-left: -170px;
	width: 340px;
	text-align: center;
}

.pg5-links a {
	display: block;
	color: #000;
	font-size: 40px;
	padding: 10px 0;
	border: 3px dashed #000;
	border-radius: 10px;
}

.pg5-links a:nth-child(1) {
	background: #eed595;
	margin-bottom: 15px;
}

.pg5-links a:nth-child(2) {
	background: #e0bcb0;
}


@-webkit-keyframes people-anim {
	0% {
		transform: translateX(0deg);
		-webkit-transform: rotate(0deg);
	}
	20% {
		transform: translateX(2deg);
		-webkit-transform: rotate(2deg);
	}
	40% {
		transform: translateX(-1deg);
		-webkit-transform: rotate(-1deg);
	}
	50% {
		transform: translateX(1deg);
		-webkit-transform: rotate(1deg);
	}
	60% {
		transform: translateX(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: translateX(0deg);
		-webkit-transform: rotate(0deg);
	}
}

@keyframes people-anim {
	0% {
		transform: translateX(0deg);
		-webkit-transform: rotate(0deg);
	}
	20% {
		transform: translateX(2deg);
		-webkit-transform: rotate(2deg);
	}
	40% {
		transform: translateX(-1deg);
		-webkit-transform: rotate(-1deg);
	}
	50% {
		transform: translateX(1deg);
		-webkit-transform: rotate(1deg);
	}
	60% {
		transform: translateX(0deg);
		-webkit-transform: rotate(0deg);
	}
	100% {
		transform: translateX(0deg);
		-webkit-transform: rotate(0deg);
	}
}

.people {
	background: url(../img/pg05-1-1.png) 0 0 no-repeat;
	width: 420px;
	height: 383px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -210px;
	margin-bottom: 400px;
	transform: translateX(0deg);
	-webkit-transform: rotate(0deg);
	animation: people-anim 3s 0s infinite both;
}



@-webkit-keyframes Arrow-anim {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	50% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		opacity: 1;
	}
	100% {
		transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		opacity: 0;
	}
}

@keyframes Arrow-anim {
	0% {
		transform: translateY(0);
		-webkit-transform: translateY(0);
		opacity: 0;
	}
	50% {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);
		opacity: 1;
	}
	100% {
		transform: translateY(-30px);
		-webkit-transform: translateY(-30px);
		opacity: 0;
	}
}


.Arrow {
	position: fixed;
	left: 50%;
	bottom: 10px;
	width: 64px;
	height: 64px;
	margin-left: -32px;
	z-index: 99;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	animation: Arrow-anim 1s 0s infinite both;
}
/*others*/

.pagebox {
	position: absolute;
	top: 0;
	left: 50%;
	height: 100%;
	width: 640px;
	margin-left: -320px;
	overflow: hidden;
}


/*product*/

.row {
	margin: 0;
}

.ft24 {
	font-size: 24px;
}

.border-top-bottom {
	border: 1px solid #000;
	border-left: 0;
	border-right: 0;
}

.bg_blue {
	background: #dcfffa;
}

.sec-top {
	padding: 40px 0 20px;
}

.border-top-30 {
	border-top: 30px solid #c0dedc
}

.product-title h1 {
	padding: 0;
	margin: 0;
}

.product-name {
	border-bottom: 3px solid #c0dedc;
	margin: 5px 5% 0;
	height: 13px;
}

.product-name>span {
	padding: 0 20px;
	font-size: 18px;
}

.linebox {
	height: 30px;
	background: #c0dedc;
}

.image {
	padding-top: 40px;
}

.image img {
	width: 65%;
}

.pro-name h1 {
	color: #7ca5a1;
}

.pro-introduce-title {
	padding: 10px 0 25px 0;
}

.pro-Characteristic {
	background: #7ca5a1;
	color: #fff;
	padding: 20px 0;
	margin: 10px 0;
}

.pro-component {
	padding: 10px 0;
}

.pro-component-img {
	padding: 10px 0;
}

.pro-component-img img {
	max-width: 100%;
}

.img-bottom {
	margin-top: -23px;
	text-align: center;
}

.img-bottom img {
	display: inline-block;
	width: 65%;
}

.bg-knowledge {
	position: relative;
	height: 100%;
	width: 100%;
}

.knowlege-title {
	text-align: center;
}

.knowlege-title h1 {
	font-size: 30px;
}

.list {
	margin-top: 25%;
}

.list ul li {
	background: url(../img/train.png) left top no-repeat;
	background-size: 100% 100%;
	font-size: 18px;
	margin: 20px 0;
}

.list ul li a {
	display: block;
	position: relative;
	padding: 10px;
	padding-right: 100px;
	color: #000;
}

.list ul li a>span {
	display: block;
	text-align: center;
}

.list ul li a>img {
	width: 100px;
	height: 45px;
	position: absolute;
	right: 0;
	top: 0;
}

.bottom-img {
	text-align: center;
}

.bottom-img img {
	width: 95%;
}

.fixed {
	position: fixed;
	width: 100%;
	padding: 10px 0;
	line-height: 30px;
	left: 0;
	bottom: 0;
	background: rgba(220, 255, 251, 0.8);
	border-top: 2px solid #c0dedc;
}

.menu li {
	display: table-cell;
	width: 1%;
}

.menu li:nth-child(2) {
	border: 1px solid #7CA5A1;
	border-top: none;
	border-bottom: none;
}

.menu li a {
	color: #000;
	display: block;
	font: 16px "Microsoft Yahei";
}


.content-text{
	padding-bottom: 40px;
}
.content-text img{max-width: 100%;}

